<template>
    <div class="activity" v-if="state.detail">

        <ImgT class="imgs" v-if="state.detail" :src="t(state.detail)" alt="" />

    </div>
</template>

<script setup lang='ts'>
import { onMounted, reactive } from 'vue';
import { useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n';

const { t } = useI18n();

const route = useRoute();

const state: any = reactive({
    detail: null
})
onMounted(async () => {
    state.detail = route.query.detail

});
</script>

<style lang='scss' scoped>
.activity {
    padding: 10px 10px 0px;
    overflow: hidden;

    .main-content {
        // height: calc(100vh);
        height: 100vh;

    }

    .imgs {
        width: 100%;
    }
}
</style>